<template>
	<view class="iocimag">
		<view class="gywm">
			<view class="wenz-bt1">
				<image class="imsge-gy" src="/static/img/Home/gywm-logo.png"></image>
				<view class="ppol">芒播短剧隶属芒播文化传媒有限公司，由来客科技、豹变品牌、抖电传媒三方联合打造，是<text>国内领先的短剧全产业链生态企业</text>。</view>
			</view>

			<view style="position: fixed;top: 1%;width: 100%;margin-top: -232rpx;">
				<view class="myVideo" v-if="false">
					<video v-if="titleImgShow" :autoplay="true" id="myVideo" :src="data.video_url" object-fit="fill"
						:controls="true" :show-center-play-btn="true" :enable-progress-gesture="true"
						style="border-radius: 20rpx; width: 670rpx;" :show-fullscreen-btn="shieldvideo">
					</video>
				</view>
				<view class="wenz-bt2">
					公司于2023年6月开始筹备、开发系统、整合短剧资源，首先在湖北市场试点，得到市场高度认可。2024年启动湖南市场，新增芒播生活APP，
					并于1月内测，3月31日正式上线。芒播短剧目前合作达人数量<text>1万+</text>人，整合<text>30+</text>短剧剧场，<text>6000+</text>部热门短剧。
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import request from '@/utils/request.js'
	export default {
		data() {
			return {
				data: {},
				videoContext: '',
				titleImgShow: false,
				shieldvideo:false,
				platform: ''
			}
		},
		onLoad() {
			
			this.platform = uni.getSystemInfoSync().platform
			// this.loadData();
			if(this.platform != 'ios') {
				this.shieldvideo = true
			}
			
		},
		
		onHide() {
			this.videoContext = uni.createVideoContext('myVideo');
			this.videoContext.pause();
		},
		methods: {
			loadData() {
				request.get('publics/api.index/getAboutUs').then(res => {
					if(this.platform == 'ios' && res.data.is_open_all == 1) {
						this.shieldvideo = true;
					}
					this.data = res.data;
					this.titleImgShow = true;
				})
			}
		}
	}
</script>

<style lang="scss">
	.iocimag {
		background-image: url('@/static/img/Home/gywm.jpg');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		.gywm {
			width: 100%;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);

			.myVideo {
				width: 670rpx;
				height: 394rpx;
				// border-radius: 20rpx !important;
				z-index: 999;
				// overflow: hidden;
				margin: 0 auto;
				margin-bottom: 66rpx;
			}

			.wenz-bt2 {
				width: 595rpx;
				margin: 0 auto;
				font-weight: 300;
				font-size: 30rpx;
				color: #5D5C5F;
				line-height: 2;
				text-align: justify;

				text {
					color: #FF8200 !important;
					font-weight: 600;
				}
			}

			.wenz-bt1 {
				line-height: 2;
				text-align: justify;
				
				.imsge-gy {
					width: 243rpx;
					height: 88rpx;
				}

				width: 589rpx;
				margin: 0 auto;
				font-weight: 300;
				font-size: 30rpx;
				color: #5D5C5F;
				margin-top: -630rpx;
				text {
					color: #FF8200 !important;
					font-weight: 600;
				}

				.ppol {
					margin-top: 66rpx;
					margin-bottom: 62rpx;
					text-align: justify;
				}
			}
		}
	}
</style>